#laravel starter cms | Explore Tumblr posts and blogs

riichardwilson · 5 years ago

Text

Building An E-Commerce Site With October CMS And Shopaholic

About The Author

Leonardo Losoviz is a freelance developer and writer, with an ongoing quest to integrate innovative paradigms (Serverless PHP, server-side components, GraphQL) … More about Leonardo …

The Laravel-powered October CMS enables to extend the functionality of the application through the use of plugins. In this article, we will learn how to create an e-commerce site through one of October’s most popular plugins, Shopaholic.

October CMS is flourishing: With over 9000 stars in its GitHub repo, 2000 forks and 300 contributors, it is becoming a major force in the CMS space. It won the popular vote as the Best Flat-File CMS from 2018, new plugins are published on its marketplace almost daily (covering most of the developer needs), and its network of partners is expanding worldwide. Let’s see what it is all about.

Built in PHP and powered by Laravel (one of the most powerful and developer-friendly PHP frameworks), October CMS is a free open-source Content Management System (CMS). It benefits from Laravel’s clean code and sound architecture to provide a great developer experience, over which it adds simple and flexible CMS functionality to provide a great user experience. This combination makes it possible to launch new projects in a matter of minutes, without having to build the project from scratch. Due to all these features, October can minimize the costs of developing and maintaining websites, making it particularly valuable to businesses and digital agencies.

Yet, in spite of its power, October CMS is very easy to use. Since its inception, October has strived to be “as simple as possible, but not simpler”. For this reason, it is based on one of the simplest stacks for the web: PHP to render HTML, plus CSS and JS assets. In the words of its creators, October’s mission is to prove that “web development is not rocket science”.

In this article, we will do a tour around October CMS: We will first see how to install it, then check some of its coding and usability features in a bit more detail, and finally get our hands dirty implementing an e-commerce website through one of its most popular plugins, Shopaholic.

Recommended YouTube Channel

Are you looking to learn more about e-commerce development? You can do so with the help of live streams that explain the main aspects of the development process based on the Shopaholic platform for October CMS. Watch →

Installing October CMS

Since October CMS runs on PHP, it requires to have a web server running on the computer (if we don’t have one yet, MAMP can provide one for free, allowing to choose between Apache and Nginx, and it works for both Windows and macOS) and a MySQL server to store the database (which can also be provided by MAMP).

The installation through October’s wizard doesn’t take more than a few minutes: We create a new MySQL database, download and unpack the installer files to our target directory for the website (which must be granted writing permission, and which must be set as document root in the web server for the chosen domain, such as localhost), and then invoke the script file from the web browser. From that moment on the wizard takes over, guiding us through the installation process. The wizard will:

Validate if the web server satisfies all the requirements (at least PHP 7.0, and others):

System check (Large preview)

Ask for database and site configuration values, and user credentials:

Configuration (Large preview)

Ask how to set-up the site: From scratch, already installing a specific theme, or using our own existing project (from which our chosen theme and plugins can be automatically installed):

Initial setup (Large preview)

Next, we click on “Install!”, and in a few seconds (depending on our Internet connection speed) the website will be installed and ready to use:

Site installed (Large preview)

In this case, I chose to install it from scratch, under http://localhost. Browsing to this URL on the browser, we can encounter the October starter demo theme:

Browsing the starter demo theme (Large preview)

Navigating to http://localhost/backend (unless we changed this URL during the installation process) we can log into the administration panel:

Browsing the admin panel (Large preview)

Finally, we delete the installer files from the folder. And voilà, in just a few minutes we have a fully functioning site (well, we still need to enhance it with plugins… we will do that in a while).

Alternatively, we can also install October from the command-line interface, by executing:

$ curl -s https://octobercms.com/api/installer | php

This method is faster (it can take as little as 10 seconds to install) because it doesn’t require to input the database configuration. Hence, it is particularly useful for setting-up October CMS as a flat-file system, i.e. a CMS fully set-up through files stored in the local disk, and without a database.

Installing October CMS through the CLI takes no time. (Large preview)

Templating System

October CMS has a robust templating system to implement layouts, re-use chunks of code and enable dynamic functionality. Its most important elements are the following ones:

Pages are the most basic structure for storing content. These are readily available, since they are shipped as part of the core (blog posts, on the other hand, must be installed through a plugin). Pages are based on Twig, which is a modern template engine for PHP (devised by the creators of Symfony), and compiled to plain optimized PHP code, so they execute very fast.

Partials contain reusable chunks of code that can be used all throughout the website, as to avoid duplicating code on the different pages or layouts. They are particularly useful for navigation menus, testimonials, calls to action, and other common elements.

Layouts define the scaffolding, or structure, of the page. They define the <html> and <body> HTML elements, and are useful for creating the frame of the site, including the header, footer and sidebars. The actual content in the body is injected by the page.

Components are the mechanism to extend functionality in October CMS. Any page, partial or layout can have attached any number of components, which are most commonly provided through plugins, and which are fully configurable. In addition to rendering HTML code on the page, components can also provide services, such as form validation, security check-up, control of user permissions, or others.

Configuring a component attached to a page. (Large preview)

These elements are all implemented through files living in the website’s folder in the local hard drive. As such, it is possible to edit them not only through October CMS’ built-in editor, but also from the developer’s preferred text editor (Sublime, VS Code, PHPStorm, etc).

We can edit elements either through the October CMS’ built-in editor or in an external text editor. (Large preview)

Similarly, the October CMS project can be perfectly managed through any version control system, and it can be easily adapted to any existing workflows. For instance, a project can be set-up through continuous integration, deploying it automatically to the server after new code is pushed to the Git repo.

October can be easily managed with Git. (Large preview)

October CMS Marketplace

October CMS has a marketplace for themes (which allow to change the site’s look and feel) and plugins (which allow to extend the site’s functionalities), providing both free and paid offerings. By providing themes which can be used to quickly establish and then configure the design of the site, and plugins each of which implements some required functionality for the site, the marketplace ultimately leads to lower costs for creating our projects and reduced time to launch them.

The marketplace has been getting bigger! Following October’s growing popularity, its marketplace has received a constant stream of new offerings: It currently boasts 915 plugins, comprising most of the functionalities required for our websites (blogging, SEO Company, e-commerce, analytics, email, galleries, maps, security, social, user management, and others), and 150+ themes. Both themes and plugins can be submitted to the marketplace by any independent 3rd party developer, company or agency, and they must adhere to quality guidelines, which ensures that they are performant and secure.

Creating An E-Commerce Site Through Shopaholic

Let’s get our hands dirty and implement a real-life use case: An e-commerce website! For this, we will install Shopaholic, the most popular plugin to add e-commerce functionality to October CMS, and the free theme Bootstrap theme for Shopaholic to quickly bootstrap the site (which will be made to look like this demo site). Shopaholic is ideal for our needs because it provides a comprehensive e-commerce solution, which includes an ecosystem of extensions (both free and paid ones) to further enhance it. In addition, we can install the core experience for free and only make a one-time payment for the extensions that we need, which will be cheaper than using cloud solutions which have a recurring fee to use. And finally, because we are the full owners of our own on-premise e-commerce website, we can customize it as much as we need to and we own all the data, which is not possible with cloud solutions.

Because of the October marketplace dependency management system, we need only install the theme (the Shopaholic plugin is added as a dependency). Let’s proceed to install the theme then: Inside the October CMS admin, we click in the “Front-end theme” section in the Settings, and then click on “Find more themes”:

Front-end theme manager. (Large preview)

Then, we search for theme “Bootstrap theme for Shopaholic” and, upon clicking on the result in the dropdown, it will install the theme and all its dependencies. Once installed, we go back to the Front-end theme manager page and click on the Activate button on the new theme:

Activating the new theme. (Large preview)

After installing the theme and plugins, we will notice a new element “Catalog” on the top menu bar. Clicking on it, we can manage the items in our e-commerce catalog, namely products, categories and brands (these are the core elements; other elements, such as coupons, can be added through extensions). Initially, our catalog will be empty:

Catalog comprising products, categories and brands. (Large preview)

Let’s fill it up with some data. We can either create the items one by one or, quite conveniently, import data through CSV and XML files (which allows us to manage a large set of records with Excel or other tools). In our case, since we are creating a demo site for testing purposes, let’s install plugin Fake Data for Shopaholic which provides large sets of mock data and an easy way to import these records to the system. To do this, follow these steps:

Head to Settings => Updates & Plugins in October CMS backend, and install plugin “Fake Data for Shopaholic”.

Head to Dashboard, and click on Manage widgets and then Add widget.

Select widget “Fake data for Shopaholic”, and click on Add.

In the newly added widget, clicking on Generate under section “Generate fake data ” will run the process to import the fake data.

The last step will ask how many times should the insertion be repeated (as to create bulk and be able to test the performance of the site when loading many records) and which data set (clothes or sneakers):

Generating fake data through Laravel’s artisan command. (Large preview)

After running this process, our catalog will look better stocked:

Catalog with some mock data. (Large preview)

The next step is to create some promotions. To do this, we click on Promotions on the top menu, then on the Create button, and fill the required information. Once each promotion is created, we must edit it again to add products to it. After creating a few of them, our promotion list will look like this:

Creating some promotions. (Large preview)

Now that we have some data, we can finish customizing how our front page will look like. For that, we go to section Settings => Front-end theme => Customize and we complete the information for all tabs (Header, Footer, Social, Main slider, Index page). Once this is ready, our e-commerce site will now be ready:

Our e-commerce site is ready! (Large preview)

Clicking on a product, we can see how its page looks like:

Product page. (Large preview)

Auditing The Speed And Reliability Of The E-Commerce Solution

Because we want to sell our products, speed and a good SEO Company are mandatory, so let’s make an audit using Google Chrome’s Lighthouse on the product page to make sure it runs fast and that it will score high with search engines. Running the audit against the live demo site, it returns the following report:

Lighthouse report of the product page. (Large preview)

Equally important is that the site can withstand heavy load, so that if our product becomes successful and attracts plenty of traffic the server doesn’t crash. For this, we can use the Load Impact tool to run a load test. Running the test using 50 virtual users for 12 minutes against the live demo site (which is hosted on DigitalOcean with a droplet configuration of Standard 2CPU/4 GB RAM) produced the following results:

LoadImpact report of a test load using 50 virtual users during 12 minutes. (Large preview)

As can be seen, the website was able to sustain an acceptable response time throughout the load test, giving us the confidence that we can trust the e-commerce plugin when we need it the most: When it’s time to sell the product.

Finally, we can also feel confident of the reliability of the software, since it is covered by unit tests.

Adding Extensions To Shopaholic

So far so good. However, as it can be seen on the screenshots from our website, there is still no way for the visitor to buy a product. Let’s add this functionality by installing the following free extensions for Shopaholic: Orders, to allow to add products to a cart and make orders, and Omnipay, to process the payment. (For the other Shopaholic extensions, if they are not free and authored by LOVATA, you can use coupon “WELCOME” to get a 50% discount the first time you buy them.) To install these extensions, we head to Settings => Updates & Plugins, search for the plugin names, and click on the results to have them installed.

Searching for ‘Shopaholic’ displays its plugins. (Large preview)

Once installed, we will see a new item Orders in the top navigation, where all orders will be stored, and items Payment methods and Shipping types in the Settings page, to configure the payment gateways (card, cash, etc) and how to deliver the product (by post, etc). We configure these and load again the product page. Now it shows an “Add to cart” button, allowing the user to place an order:

Product page with cart enabled. (Large preview)

After adding several items to the cart, we can proceed to the check-out and complete the order:

Completing the order. (Large preview)

Once the user submits the order, the inventory will be automatically taken care of, updating the number of items for each product in stock, and we will receive an email informing us of the new order (if configured to do so). In section Orders on the admin panel, we can find all the information for the order (products sold, buyer information, method of payment and total, and others), and we can complete the transaction.

All the information from the order is here. (Large preview)

The basic work is done: In barely a few hours we managed to have a fully functional e-commerce sith with October CMS and Shopaholic.

Creating Our Own Extension

If none of the several extensions to Shopaholic on the October marketplace provides the functionality needed, we can also create our own extensions.

To do this, if you are comfortable with Object-Oriented Programming and PHP and, more specifically, with Laravel, then you are ready to do it. The documentation explains how to add an extension, step by step. For instance, following this tutorial, with barely a few lines of code we can add a custom field “rating” to our products:

Adding a custom field to the product. (Large preview)

We can then retrieve the new “rating” field from the product and display it in the product template:

Displaying a custom field in the product page. (Large preview)

Extending Shopaholic is not difficult and enables us to fully implement our own e-commerce requirements, and personalize the site to suit our brand.

Conclusion

October CMS is a great candidate for building powerful sites in a very simple manner (showing that “web development is not rocket science”). It delivers the great developer experience granted by Laravel, and its marketplace (which is growing daily) provides a large number of ready-to-use themes and plugins, allowing us to build websites very quickly. One such plugin is Shopaholic, which converts the site into a full-fledged e-commerce platform.

Because of these reasons, building a site with October can be very cost-effective. As a result, it has gained some reputation (by winning the popular vote as best flat-file CMS from 2018) and has increasingly become a tool of choice for businesses and digital agencies crafting sites for their clients.

To find out more from the October community, be welcome to join the October CMS Slack workspace, which is where the creators of themes and plugins published in the marketplace hang out, so you can conveniently chat with them to get their help and advice.

Give October a try (it’s free!), and let us know how it goes.

(ra, yk, il)

Website Design & SEO Delray Beach by DBL07.co

Delray Beach SEO

source http://www.scpie.org/building-an-e-commerce-site-with-october-cms-and-shopaholic/ source https://scpie.tumblr.com/post/612281391220162560

0 notes

scpie · 5 years ago

Text

Building An E-Commerce Site With October CMS And Shopaholic

About The Author

Leonardo Losoviz is a freelance developer and writer, with an ongoing quest to integrate innovative paradigms (Serverless PHP, server-side components, GraphQL) … More about Leonardo …

Recommended YouTube Channel

Installing October CMS

Validate if the web server satisfies all the requirements (at least PHP 7.0, and others):

System check (Large preview)

Ask for database and site configuration values, and user credentials:

Configuration (Large preview)

Ask how to set-up the site: From scratch, already installing a specific theme, or using our own existing project (from which our chosen theme and plugins can be automatically installed):

Initial setup (Large preview)

Next, we click on “Install!”, and in a few seconds (depending on our Internet connection speed) the website will be installed and ready to use:

Site installed (Large preview)

In this case, I chose to install it from scratch, under http://localhost. Browsing to this URL on the browser, we can encounter the October starter demo theme:

Browsing the starter demo theme (Large preview)

Navigating to http://localhost/backend (unless we changed this URL during the installation process) we can log into the administration panel:

Browsing the admin panel (Large preview)

Alternatively, we can also install October from the command-line interface, by executing:

$ curl -s https://octobercms.com/api/installer | php

Installing October CMS through the CLI takes no time. (Large preview)

Templating System

October CMS has a robust templating system to implement layouts, re-use chunks of code and enable dynamic functionality. Its most important elements are the following ones:

Configuring a component attached to a page. (Large preview)

We can edit elements either through the October CMS’ built-in editor or in an external text editor. (Large preview)

October can be easily managed with Git. (Large preview)

October CMS Marketplace

Creating An E-Commerce Site Through Shopaholic

Front-end theme manager. (Large preview)

Activating the new theme. (Large preview)

Catalog comprising products, categories and brands. (Large preview)

Head to Settings => Updates & Plugins in October CMS backend, and install plugin “Fake Data for Shopaholic”.

Head to Dashboard, and click on Manage widgets and then Add widget.

Select widget “Fake data for Shopaholic”, and click on Add.

In the newly added widget, clicking on Generate under section “Generate fake data ” will run the process to import the fake data.

Generating fake data through Laravel’s artisan command. (Large preview)

After running this process, our catalog will look better stocked:

Catalog with some mock data. (Large preview)

Creating some promotions. (Large preview)

Our e-commerce site is ready! (Large preview)

Clicking on a product, we can see how its page looks like:

Product page. (Large preview)

Auditing The Speed And Reliability Of The E-Commerce Solution

Lighthouse report of the product page. (Large preview)

LoadImpact report of a test load using 50 virtual users during 12 minutes. (Large preview)

Finally, we can also feel confident of the reliability of the software, since it is covered by unit tests.

Adding Extensions To Shopaholic

Searching for ‘Shopaholic’ displays its plugins. (Large preview)

Product page with cart enabled. (Large preview)

After adding several items to the cart, we can proceed to the check-out and complete the order:

Completing the order. (Large preview)

All the information from the order is here. (Large preview)

The basic work is done: In barely a few hours we managed to have a fully functional e-commerce sith with October CMS and Shopaholic.

Creating Our Own Extension

If none of the several extensions to Shopaholic on the October marketplace provides the functionality needed, we can also create our own extensions.

Adding a custom field to the product. (Large preview)

We can then retrieve the new “rating” field from the product and display it in the product template:

Displaying a custom field in the product page. (Large preview)

Extending Shopaholic is not difficult and enables us to fully implement our own e-commerce requirements, and personalize the site to suit our brand.

Conclusion

Give October a try (it’s free!), and let us know how it goes.

(ra, yk, il)

Website Design & SEO Delray Beach by DBL07.co

Delray Beach SEO

source http://www.scpie.org/building-an-e-commerce-site-with-october-cms-and-shopaholic/

0 notes

laurelkrugerr · 5 years ago

Text

Building An E-Commerce Site With October CMS And Shopaholic

About The Author

Leonardo Losoviz is a freelance developer and writer, with an ongoing quest to integrate innovative paradigms (Serverless PHP, server-side components, GraphQL) … More about Leonardo …

Recommended YouTube Channel

Installing October CMS

Validate if the web server satisfies all the requirements (at least PHP 7.0, and others):

System check (Large preview)

Ask for database and site configuration values, and user credentials:

Configuration (Large preview)

Ask how to set-up the site: From scratch, already installing a specific theme, or using our own existing project (from which our chosen theme and plugins can be automatically installed):

Initial setup (Large preview)

Next, we click on “Install!”, and in a few seconds (depending on our Internet connection speed) the website will be installed and ready to use:

Site installed (Large preview)

In this case, I chose to install it from scratch, under http://localhost. Browsing to this URL on the browser, we can encounter the October starter demo theme:

Browsing the starter demo theme (Large preview)

Navigating to http://localhost/backend (unless we changed this URL during the installation process) we can log into the administration panel:

Browsing the admin panel (Large preview)

Alternatively, we can also install October from the command-line interface, by executing:

$ curl -s https://octobercms.com/api/installer | php

Installing October CMS through the CLI takes no time. (Large preview)

Templating System

October CMS has a robust templating system to implement layouts, re-use chunks of code and enable dynamic functionality. Its most important elements are the following ones:

Configuring a component attached to a page. (Large preview)

We can edit elements either through the October CMS’ built-in editor or in an external text editor. (Large preview)

October can be easily managed with Git. (Large preview)

October CMS Marketplace

Creating An E-Commerce Site Through Shopaholic

Front-end theme manager. (Large preview)

Activating the new theme. (Large preview)

Catalog comprising products, categories and brands. (Large preview)

Head to Settings => Updates & Plugins in October CMS backend, and install plugin “Fake Data for Shopaholic”.

Head to Dashboard, and click on Manage widgets and then Add widget.

Select widget “Fake data for Shopaholic”, and click on Add.

In the newly added widget, clicking on Generate under section “Generate fake data ” will run the process to import the fake data.

Generating fake data through Laravel’s artisan command. (Large preview)

After running this process, our catalog will look better stocked:

Catalog with some mock data. (Large preview)

Creating some promotions. (Large preview)

Our e-commerce site is ready! (Large preview)

Clicking on a product, we can see how its page looks like:

Product page. (Large preview)

Auditing The Speed And Reliability Of The E-Commerce Solution

Lighthouse report of the product page. (Large preview)

LoadImpact report of a test load using 50 virtual users during 12 minutes. (Large preview)

Finally, we can also feel confident of the reliability of the software, since it is covered by unit tests.

Adding Extensions To Shopaholic

Searching for ‘Shopaholic’ displays its plugins. (Large preview)

Product page with cart enabled. (Large preview)

After adding several items to the cart, we can proceed to the check-out and complete the order:

Completing the order. (Large preview)

All the information from the order is here. (Large preview)

The basic work is done: In barely a few hours we managed to have a fully functional e-commerce sith with October CMS and Shopaholic.

Creating Our Own Extension

If none of the several extensions to Shopaholic on the October marketplace provides the functionality needed, we can also create our own extensions.

Adding a custom field to the product. (Large preview)

We can then retrieve the new “rating” field from the product and display it in the product template:

Displaying a custom field in the product page. (Large preview)

Extending Shopaholic is not difficult and enables us to fully implement our own e-commerce requirements, and personalize the site to suit our brand.

Conclusion

Give October a try (it’s free!), and let us know how it goes.

(ra, yk, il)

Website Design & SEO Delray Beach by DBL07.co

Delray Beach SEO

source http://www.scpie.org/building-an-e-commerce-site-with-october-cms-and-shopaholic/ source https://scpie1.blogspot.com/2020/03/building-e-commerce-site-with-october.html

0 notes

douglassmiith · 5 years ago

Text

Building An E-Commerce Site With October CMS And Shopaholic

About The Author

Leonardo Losoviz is a freelance developer and writer, with an ongoing quest to integrate innovative paradigms (Serverless PHP, server-side components, GraphQL) … More about Leonardo …

Recommended YouTube Channel

Installing October CMS

Validate if the web server satisfies all the requirements (at least PHP 7.0, and others):

System check (Large preview)

Ask for database and site configuration values, and user credentials:

Configuration (Large preview)

Ask how to set-up the site: From scratch, already installing a specific theme, or using our own existing project (from which our chosen theme and plugins can be automatically installed):

Initial setup (Large preview)

Next, we click on “Install!”, and in a few seconds (depending on our Internet connection speed) the website will be installed and ready to use:

Site installed (Large preview)

In this case, I chose to install it from scratch, under http://localhost. Browsing to this URL on the browser, we can encounter the October starter demo theme:

Browsing the starter demo theme (Large preview)

Navigating to http://localhost/backend (unless we changed this URL during the installation process) we can log into the administration panel:

Browsing the admin panel (Large preview)

Alternatively, we can also install October from the command-line interface, by executing:

$ curl -s https://octobercms.com/api/installer | php

Installing October CMS through the CLI takes no time. (Large preview)

Templating System

October CMS has a robust templating system to implement layouts, re-use chunks of code and enable dynamic functionality. Its most important elements are the following ones:

Configuring a component attached to a page. (Large preview)

We can edit elements either through the October CMS’ built-in editor or in an external text editor. (Large preview)

October can be easily managed with Git. (Large preview)

October CMS Marketplace

Creating An E-Commerce Site Through Shopaholic

Front-end theme manager. (Large preview)

Activating the new theme. (Large preview)

Catalog comprising products, categories and brands. (Large preview)

Head to Settings => Updates & Plugins in October CMS backend, and install plugin “Fake Data for Shopaholic”.

Head to Dashboard, and click on Manage widgets and then Add widget.

Select widget “Fake data for Shopaholic”, and click on Add.

In the newly added widget, clicking on Generate under section “Generate fake data ” will run the process to import the fake data.

Generating fake data through Laravel’s artisan command. (Large preview)

After running this process, our catalog will look better stocked:

Catalog with some mock data. (Large preview)

Creating some promotions. (Large preview)

Our e-commerce site is ready! (Large preview)

Clicking on a product, we can see how its page looks like:

Product page. (Large preview)

Auditing The Speed And Reliability Of The E-Commerce Solution

Lighthouse report of the product page. (Large preview)

LoadImpact report of a test load using 50 virtual users during 12 minutes. (Large preview)

Finally, we can also feel confident of the reliability of the software, since it is covered by unit tests.

Adding Extensions To Shopaholic

Searching for ‘Shopaholic’ displays its plugins. (Large preview)

Product page with cart enabled. (Large preview)

After adding several items to the cart, we can proceed to the check-out and complete the order:

Completing the order. (Large preview)

All the information from the order is here. (Large preview)

The basic work is done: In barely a few hours we managed to have a fully functional e-commerce sith with October CMS and Shopaholic.

Creating Our Own Extension

If none of the several extensions to Shopaholic on the October marketplace provides the functionality needed, we can also create our own extensions.

Adding a custom field to the product. (Large preview)

We can then retrieve the new “rating” field from the product and display it in the product template:

Displaying a custom field in the product page. (Large preview)

Extending Shopaholic is not difficult and enables us to fully implement our own e-commerce requirements, and personalize the site to suit our brand.

Conclusion

Give October a try (it’s free!), and let us know how it goes.

(ra, yk, il)

Website Design & SEO Delray Beach by DBL07.co

Delray Beach SEO

Via http://www.scpie.org/building-an-e-commerce-site-with-october-cms-and-shopaholic/

source https://scpie.weebly.com/blog/building-an-e-commerce-site-with-october-cms-and-shopaholic

0 notes

laravelreactjs · 4 years ago

Text

Cubic - Laravel Admin Framework with CRUD builder, Log Viewer

Cubic – Laravel Admin Framework with CRUD builder, Log Viewer

Cubic has more than 100 pages with useful 4 dashboards, 3 demos, 3000+ icons, 500+ UI components, lots of widgets, and 6 color skins. This is ultimate theme for all your need and beautifully crafted to fit from small dashboard to full fledge dashboard. Alongwith to make the job easy this has prebuilt kits with Laravel i.e. Lite, Advance and Full variation. The Laravel versions accommodate all the…

View On WordPress

#bootstrap admin template #cubic #cubic admin #Laravel #laravel 4 #laravel 5 #laravel 5.5 #laravel admin #laravel crud #Laravel Dashboard #laravel starter admin #laravel starter cms #laravel starter kit with crud builder #laravel starter template

0 notes

laravelvuejs · 6 years ago

Text

Cubic - Laravel Admin Framework with CRUD builder, Log Viewer - Laravel

Cubic – Laravel Admin Framework with CRUD builder, Log Viewer – Laravel

Cubic – Laravel Admin Framework with CRUD builder, Log Viewer – Laravel LIVE PREVIEWBUY FOR $25 Demo Download Details

[ad_1]

View On WordPress

0 notes

t-baba · 5 years ago

Photo

15 Useful PHP CRUD Generators and Frameworks Available on CodeCanyon

Database code is repetitive, but very important to get right. That's where PHP CRUD generators and frameworks come in—they save you time by automatically generating all this repetitive code so you can focus on other parts of the app.

On CodeCanyon you will find CRUD generators and frameworks that will help you deliver outstanding quality products on time. (CRUD is an acronym for create, read, update, and delete—the basic manipulations for a database.)

The Best PHP Scripts on CodeCanyon

Discover over 4,000 of the best PHP scripts ever created on Envato Market's CodeCanyon. With a cheap, one-time payment, you can purchase any of these high-quality PHP scripts and receive free updates for life.

Here are a few of the best PHP CRUD generator and framework scripts available on CodeCanyon for 2020.

15 Useful PHP CRUD Generators and Frameworks Available on CodeCanyon

The following CRUD generators and frameworks on CodeCanyon will help your projects off the ground fast and save you and clients time.

1. Bestselling: Sximo6—Laravel Multipurpose Application CRUD CMS

Sximo6 is a complete platform, development environment, and library for web-based apps. In addition to being a CRUD builder, it is also an IDE (integrated development environment)!

It is the perfect solution whether you want to build complex or simple websites, complex or simple apps, prototype them quickly, build middleware services or RESTful APIs.

Sximo6 is your ideal PHP crud generator and PHP table generator. Anything you need to start a web-based app is included:

CMS: static page, blogs, categories, file managers,

user activities: user management, user log activities, blast emails, file managers

tools and utilities: CRUD builder, data management, menu management, form generator, source code editor

2. Bestselling: PDO CRUD—Advanced PHP CRUD Application

PDOCrud is an advanced PHP-based CRUD application. This PHP database framework supports MySQL, PostgreSQL and Sqlite databases.

You can use this PHP MySQL crud framework to generate both the front-end and back-end of your application.

By writing only two to three lines of code only, you can perform insert, update, delete, and select operations with an interactive table. You just to need to create objects and render functions for items in the database everything else will be generated automatically.

Form fields will be generated based on the data type. You can remove fields, change type of fields and can do various types of customization.

3. Trending: Botble—Laravel CMS and CRUD Generator

Botble CMS is a thoroughly coded and feature packed PHP platform based on the Laravel 7 Framework.

This PHP CRUD framework comes with a multilingual admin panel for both front-end and back-end users

It boasts a robust theme and widget management system, and media management that supports Amazon S3 and DigitalOcean Spaces.

It is also equipped with a powerful roles and permissions system together with social login through Facebook and GitHub.

Other crucial features include:

Google Analytics: display analytics data in admin panel.

extensible CRUD generator: it's easy to create a new plugin with just one command

theme generator: generate a new theme with just one command

widget generator: generate a theme’s widgets

RESTful API using Laravel Passport.

4. myIgniter—Admin CRUD and Page Generator

myIgniter is a custom PHP framework that lets you build a web application as fast as possible. It has a number of generator modules to help create every aspect of your app—the two most useful are the CRUD generator and page generator.

Some features you will find include:

social network login

database manager

modular extension

Grocery CRUD with Bootstrap 3.x theme

RESTful server

5. PHP CRUD Generator

PHP CRUD Generator is a powerful and intuitive solution to create Bootstrap 4 admin dashboards. It is easy to understand and you don't need coding knowledge to use it.

The website admin interface is clean, customizable, and responsive. With it, you can generate validated forms with CRUD and authentication to create your admin panel content.

The visual CRUD generator UI gives full access to the database. The generator code performs an in-depth analysis of your data structure and represents it visually: all types of relationships between tables, primary and foreign keys, field types and values, validation, etc. Then you can decide what will be shown in your form or admin panel with the click of a button.

6. CiCool Builder—Page, Form, REST API and CRUD Generator

To create dynamic and incredible websites, restful APIs, forms, and pages you need CiCool builder.

This all-in-one builder is made up of the following components:

CRUD Builder

Form Builder

Rest API Builder

Page Builder

These builders are all created with drag and drop—no coding knowledge is required. You can choose from hundreds of elements then drag and drop them on a canvas to design your form, REST API, etc.

7. PHP Admin Pro

PHPAdminPro is a powerful application and it helps you create admin sites without writing a single line of code. You only need to use its drag and drop component builder.

It also has tools for managing tables, users, permissions, settings, components, language translations, files, and media uploads.

And for security, the following tools are included:

anti SQL inections

anti XSS

anti CSRF

Admin Templates and CMS's

8. Admin Lite—PHP Admin Panel and User Management

If you want to speed up the development of your custom CodeIgniter projects, Admin Lite has all the features you need. It provides configurable and ready modules. Configurations can be made easily using the control panel, or programmatically.

Using this powerful CodeIgniter admin panel, you can easily:

make configurations with ready-to-use modules

make changes to your projects

convert your existing admin panel into a new panel

It comes with full source code, just in case you need to make further modifications.

9. SmartEnd CMS—Laravel Admin Dashboard with Front-end and Restful API

SmartEnd CMS is a distinctive admin dashboard with all the options you may need to build any type of website. Built with the powerful Laravel 7 framework, it contains a front-end site preview and a flexible RESTful API. The open-source code can be updated easily, with good documentation and tips that will help you.

10. CodeIgniter Material Admin and User Management System

CI Material Admin is a beautiful CodeIgniter material admin panel template for starting a new project. It comes with HTML, PHP, Bootstrap and CodeIgniter versions.

In addition to a great-looking design, it has easily customizable UI elements. Its code is simple, easy to use and easy to modify—even for a newbie to the CodeIgniter framework.

It is loaded with most common features needed to start any project that include:

widgets

UI interfaces

form elements

form validations

datatables

charts

maps

404 and 500 error rages

New CRUD Generators amd Frameworks on CodeCanyon

11. Laravel 7 Bootstrap 4 Starter Kit

This highly customizable, responsive starter kit boasts a minimalist design theme has a very organized and clean code. It is built on the latest versions of Laravel and Bootstrap.

Unlike many starter kits that claim to be complete, this really does come with all basic basic features including authentication, registration, and user profile modules.

You also get a responsive Bootstrap 4+ admin panel to give an awesome experience to you and your clients.

Other features included in this starter kit include:

form validations

customize site settings and view

dynamic logo upload

datatable integration

12. CRUD Generator and API Builder Pro

The CRUD generator and API builder PHP script you to setup admin panel and auto CRUD generator using CodeIgniter.

The script can easily be dropped into an existing website allowing you to protect pages by writing one line of PHP code at the top of the page. You can also protect sections of the page by login status.

Some features it comes with include:

user management

manage roles and permissions

CRUD generator with forms

ability to build CRUD with according to CodeIgniter standards

API builder and generator

13. Hezecom—VueJs Laravel Crud Maker

Hezecom is a VueJs Laravel CRUD generator. Vue and Vuex modules are generated for the front-end and Laravel code is generated for the back-end.

Code is generated automatically with advanced roles and permission management.

Some features of this easy-to-use PHP crud generator include:

poages with dynamic import and custom layouts

user management

Instant code preview after generating

generated code supports multi-database connections based on the Laravel spec

14. Botble Core

Botble Core is a power, flexible Laravel starter kit. The most difficult and time consuming part has already been done for you. You only have to develop the front-end.

Some key features of this powerful kit include:

powerful media system that also supports Amazon S3 and DigitalOcean Spaces

CRUD generator: easy to create new module with just one command

powerful permission system: manage users, teams, and roles by permissions

admin template that comes with color schemes to match your taste.

fully responsive

Free PHP CRUD Generator and Frameworks

Grocery CRUD

Grocery CRUD is an open source library that makes a developer's life easier. It is so simple even a newbie in PHP can work with it!

Everything is automated but you are free to change almost everything. You can customize columns, fields and all the operations with a using callbacks.

The code to create a full CRUD is simple and the result is simple and at the same time very powerful. The simple UI needs almost zero documentation for your client to understand how things works.

Grocery CRUD support all major browsers, Chrome, Safari, Firefox, Opera, and yes, even Internet Explorer! It's already translated into 34 languages and changing between languages is easy!

Add a Premium PHP Script to Your Website Now!

PHP scripts can add plenty of features and functionality to your website for a low cost and almost no time commitment.

If you're running a business that needs to have all the features of a modern website, then add one of the many useful PHP scripts available on CodeCanyon.

The PHP scripts available will allow you to seamlessly integrate a useful set of tools into your website that your business will need to gain an edge over your competition.

There are over 4,000 high-quality PHP scripts on CodeCanyon that can help improve your business's website. Have a look through this massive collection of scripts, and you'll find all sorts of scripts ranging from project management to social media, shopping carts, and much more.

Find the perfect PHP script to help your business succeed today!

PHP

Quickly Build a PHP CRUD Interface With the PDO Advanced CRUD Generator Tool

Sajal Soni

PHP

Comparing PHP Database Abstraction Layers and CRUD Plugins

Sajal Soni

PHP

Quickly Build a PHP CRUD Interface With the PDO Advanced CRUD Generator Tool

Sajal Soni

by Franc Lucas via Envato Tuts+ Code https://ift.tt/3hN5o5V

#CSS3 #HTML5 Branding #HTML5 Weekly #HTMLl5 demos #Javascript #Javascript Branding #Javascript Weekly

0 notes

shareopenings-blog · 7 years ago

Text

Sr. Web Developer

New Post has been published on https://shareopenings.com/jobs/sr-web-developer/

Sr. Web Developer

Job Description

Job Responsibility:

Developing and maintaining dynamic websites and web applications.

Ensuring foolproof performance of deliverable.

Coordinating with Superior and other related departments.

Sending regular updates about project status.

Developing web application using core PHP, MVC Framework, CMS Framework and modification and customization on existing CMS.

Maintain existing sites.

Managing emails, domains and all other website related work for client and company.

Client communication including Calls, Emails and Chat.

Understand requirements and create implementation plan for client and team both.

Create database structure for complex requirements or make sure developer has created correct database structure.

Create release planning, sprint planning, task allocation to team. Make sure all defined task should be finished on defined deadline.

Groom team member nicely, knowledge sharing with them, give proper platform/opportunities so they can grow well.

Take care of uploads, problems/conflicts during upload, trouble shooting qualities should be there.

Solving technical difficulties for team members.

Proper reporting to Directors/PM for projects which are allocated.

.htaccess rules knowledge should have at intermediate level.

Technical Description:

PHP 5.2/5.3 /5.4

SQL / My SQL 5. X (cluster configuration and My SQL optimization)

JavaScript / j Query (UI)

Core PHP

HTML and CSS

Experience of working on Core PHP/YII/Codeignetor/laravel/CakePHP/Magento/Wordpress Framework or any other MVC/CMS based framework will be preferred. Strong Database knowledge on Mysql.

Candidate must have:

Inclination towards being updated of the contemporary updates in IT Field

Ability to communicate with other employees in the company in both technical and non- technical

Enthusiasm and an interest in all things about technology.

The skills you need to excel in this position include:

Strong Analytical Skill

Team Handling Skill

Ability to work in a team environment with the willingness to share skills & systems knowledge, best practices, standards etc., with other team members.

Ability to work under minimum supervision and with self organizing teams. Excellent troubleshooting and debugging skills.

Solid organization, verbal / written communication & presentation skills.

Experience working on Agile/Scrum team environment

Strong analytical skills (macro and micro) and process orientation

Strong sense of personal accountability for results

Proven experience with the definition/documentation of large web systems and infrastructure

Must be comfortable working with faith-based organizations

An excellent communicator and collaborator

Able to organize and run meetings, leaving with clear objectives and tasks

Comfortable talking with clients (via phone, email and in person)

Keen ability to multi-task; self-starter

Capable planner

A strong vocabulary

Teachable spirit

Why Join Us:

5 Days a week Working(Saturday-Sunday Off)

Excellent Compensation

Professional Development

Flexible time

Retention Bonus

Job Satisfaction

#Array

0 notes

kerjoid · 8 years ago

Link

NEEDED POSITIONS IN:

PT. RUANG RAYA INDONESIA (RUANGGURU.COM)

TELESALES

IT TECHNICAL SUPPORT

SR. BACK END DEVELOPER

BACK END DEVELOPER

SR. FRONT END DEVELOPER

FRONT END DEVELOPER

DEVELOPMENT OPERATIONS ENGINEER

SR. MOBILE ANDROID DEVELOPER

MOBILE ANDROID DEVELOPER

SR. IOS DEVELOPER

SR. UI/UX DESIGNER

UI/UX DESIGNER

UX RESEARCHER

DATABASE SPECIALIST

DATA ENGINEER

QUALITY ASSURANCE LEAD

QUALITY ASSURANCEPRODUCT LEAD

PRODUCT ANALYST

PRODUCT MANAGER

FULLSTACK DEVELOPER

SR. CORE PROGRAMMER

BUSINESS ANALYST FOR PRODUCT DEVELOPMENT

HR/GA REGIONAL

Tanggung jawab dan Kualifikasi:

OPERATIONS 1. TELESALES

Tanggung jawab:

Menawarkan produk Ruangguru via telfon kepada klien

Persyaratan:

Berdomisili di Yogyakarta

Kandidat harus menempuh pendidikan minimal SMA atau sederajat

Terbuka untuk lulusan baru/tanpa pengalaman kerja

Keahlian yang dibutuhkan: marketing/promoting

Dapat bekerja 6 hari dalam seminggu dengan sistem kerja shifting (7 jam kerja; sistem shifting bukan 24 jam kerja)

TECHNICAL & DEVELOPMENT

2. IT TECHNICAL SUPPORT

Responsibilities:

Install and configuring operating systems and applications

Assist Government Relations team to set up systems or resolve issues, troubleshooting system, diagnosing, and solving error issue

Provide support, including procedural documentation and relevant reports

Follow scrum flow and written instructions to repair a fault or set up a system

Support the roll-out of new product

Setting up new user management and profiles and dealing with big data

Prioritize and manage many open cases at one time

Monitor, test, and evaluate network

Requirements:

Diploma/Bachelor degree from information technology background, with 0-2 years of experience as IT Support

Possess good understanding in database fundamentals (Mysql)

Excel in analytics the issue

Extensive knowledge and experience in quality control

Experience in testing APIs using tools like Postman, etc.

Highly attention to detail and able to think in logical and systematic way

A good team player with good communication skills (verbal and written) to convey bugs and messages to other developers

Able to work under pressure and juggle with multiple priorities

3. SR. BACK END DEVELOPER

Responsibilities:

Write a neat and readable code

Finish and meet the project deadline determined by producers

Work on multiple projects and provide assistance to the junior staffs

Maintain team working mood, especially under tight deadline

Do a quality control on projects, and debug or modify the codes if necessary

Provide creative and innovative suggestions to other division in order to achieve the best results

Implement the right set of technologies on the right projects

Research and learn new SOP or technologies and give suggestions to Vice Head or Head of division

Provide documentations, both technical and functional docs. for the team and for clients

Requirements:

Hold a bachelor degree or higher in Computer Science or Information Systems with 3-5 years of experience as Back-End Developer or similar position

Minimum GPU of 3.30 out of 4.00

Advanced knowledge in PHP or other web server-side scripting

Experience working with MVC frameworks, such as Laravel and CodeIgniter

Knowledge on CMS (WordPress, Magento, Prestashop, OSCommerce) will be a huge plus

Experience working with web services and integrated system

Advanced knowledge on designing database, especially with MySQL and SQL Server

Possess strong logic and knowledge on handling big data

Familiarity with one of NoSQL (Redis, etc) is a huge plus

Familiarity with Ajax Push technology such as Node.JS is a huge plus

Master the concept of OOP and Structural programming

Experience working with Social Media API, especially Facebook and Twitter. Knowledge on other Social Media API such as Instagram and G+ will be a huge plus

Knowledge on server configuration and optimization will be a huge plus

Able to work under pressure and provide assistance to the junior staffs

Able to multi task

Able to quickly solve problems within projects and team

Able to write neat and readable code

Able to optimize code and eliminate redundancy

Able to easily transfer knowledge of projects to other programmers

Able to learn and adapt quickly with projects and changing technologies

Knowledge on writing technical documentation will be a huge plus

4. BACK END DEVELOPER

Responsibilities:

Integration of user-facing elements developed by front-end developers with server side logic

Building reusable code and libraries for future use

Optimization of the application for maximum speed and scalability

Implementation of security and data protection

Design and implementation of data storage solutions

Requirements:

Basic understanding of front-end technologies and platforms, such as JavaScript, HTML5, and CSS3

Good understanding of server-side CSS preprocessors, such as LESS and SASS

Understanding accessibility and security compliance

User authentication and authorization between multiple systems, servers, and environments

Integration of multiple data sources and databases into one system

Management of hosting environment, including database administration and scaling an application to support load changes

5. SR. FRONT END DEVELOPER

Responsibilities:

Establishing a seamless workflow for content load with access control and revision control

Developing new user-facing features

Building reusable code and libraries for future use

Ensuring the technical feasibility of UI/UX designs

Optimizing application for maximum speed and scalability

Assuring that all user input is validated before submitting to back-end

Requirements:

3-5 years of proven working experience in similar position

Ability to generate user-friendly web experiences with a strong understanding of typography, color-theory and grid-based design skills (Experience in e-commerce is a plus);

Strong understanding and experiences in HTML, CSS, Javascript, and Jquery

Strong understanding in the latest UX/UI design trend

Experience with HTML5 and CSS3 is a plus

Experience with Bootstrap or Foundation

Experience with Photoshop and Illustrator/ Sketch 3

Strong understanding of user-friendly experience and interface, cross browser compatibility, responsive design, general web functions and standards

Understanding of and ability to implement SEO into design consideration is a plus

Experience in printed/ad design or other creative projects is a plus

Self-starter with strong management skills, strong attention to detail while maintaining high level of code and design quality

Comfortable in ambiguity and fine with failure and rapid iteration

Able to work under pressure and provide assistance to the junior staffs

Able to quickly solve problems within projects and team

Able to easily transfer knowledge of projects to other programmers

6. FRONT END DEVELOPER Responsibilities:

Establishing a seamless workflow for content load with access control and revision control

Developing new user-facing features

Building reusable code and libraries for future use

Ensuring the technical feasibility of UI/UX designs

Optimizing application for maximum speed and scalability

Assuring that all user input is validated before submitting to back-end

Collaborating with other team members and stakeholders

Requirements:

Ability to generate user-friendly web experiences with a strong understanding of typography, color-theory and grid-based design skills (Experience in e-commerce is a plus);

Strong understanding and experiences in HTML, CSS, Javascript, and Jquery

Strong understanding in the latest UX/UI design trend

Experience with HTML5 and CSS3 is a plus

Experience with Bootstrap or Foundation

Experience with Photoshop and Illustrator/ Sketch 3

Strong understanding of user-friendly experience and interface, cross browser compatibility, responsive design, general web functions and standards

Understanding of and ability to implement SEO into design consideration is a plus

Experience in printed/ad design or other creative projects is a plus

Self-starter with strong self-management skills, strong attention to detail while maintaining high level of code and design quality

Able to convey messages in short and clear manner to internal team members and to the general public

Comfortable in ambiguity and fine with failure and rapid iteration

7. DEVELOPMENT OPERATIONS ENGINEER

Responsibilities:

Automate everything

Continuously improve our visibility into our systems and applications with advanced monitoring, metrics and log analytics

Identify root causes on critical problems throughout the platform, and take necessary steps to resolve them

Build and deploy tools to ensure the health and reliability of the Ruangguru.com platform

Help build our product release workflow and continuous delivery system

Work on the command line (familiar with *NIX Systems, Git, and Sys Admin Tools)

Requirements:

Bachelor degree in informatics engineering, information system, computer science, or equivalent with minimum 2 years of working experience in system administrator, or similar position

Strong background in Linux administration

Experience working with configuration management like Chef, Puppet or Ansible

Experience working with MySQL

Knowledgeable in AWS, Jenkins, Capistrano, Docker, Vagrant and other deployment tools

Proficient with monitoring tools like Nagios, Graphite, Monit, or Ganglia

Have experience with Laravel and Meteor will be plus

Self-starter with strong self-management skills, strong attention to detail

8. SR. MOBILE ANDROID DEVELOPER

Responsibilities:

Design and build advanced applications for the Android platform

Collaborate with cross-functional teams to define, design, and ship new features

Unit-test code for robustness, including edge cases, usability, and general reliability

Work on bug fixing and improving application performance

Continuously discover, evaluate, and implement new technologies to maximize development efficiency

Requirements:

BS/MS degree in Computer Science, Engineering or a related subject with 3-5 years of experience in developing mobile (Android) application

Proven working experience in software development, with one published (or more) Android apps in the play store

Working experience in Android development

Experience working with Android frameworks such as Core Data, Core Animation, Core Graphics and Core Text

Experience with third-party libraries and APIs

Working knowledge of the general mobile landscape, architectures, trends, and emerging technologies

Solid understanding of the full mobile development life cycle

Comfortable in ambiguity and fine with failure and rapid iteration

Able to work under pressure and provide assistance to the junior staffs

Able to quickly solve problems within projects and team

Able to easily transfer knowledge of projects to other programmers

9. MOBILE ANDROID DEVELOPER

Responsibilities:

Design and build advanced applications for the Android platform

Collaborate with cross-functional teams to define, design, and ship new features

Unit-test code for robustness, including edge cases, usability, and general reliability

Work on bug fixing and improving application performance

Continuously discover, evaluate, and implement new technologies to maximize development efficiency

Requirements:

S/MS degree in Computer Science, Engineering or a related subject

Proven working experience in software development, with one published (or more) Android apps in the play store

Working experience in Android development

Experience working with Android frameworks such as Core Data, Core Animation, Core Graphics and Core Text

Experience with third-party libraries and APIs

Working knowledge of the general mobile landscape, architectures, trends, and emerging technologies

Solid understanding of the full mobile development life cycle

10. SR. IOS DEVELOPER

Responsibilities:

Design and build applications for the iOS platform

Ensure the performance, quality, and responsiveness of applications

Collaborate with a team to define, design, and ship new features

Identify and correct bottlenecks and fix bugs

Help maintain code quality, organization, and automatization

Requirements:

BS/MS degree in Computer Science, Engineering or a related subject with 3-5 years of experience in developing mobile (iOS) application

Proficient with Objective-C or Swift

Experience with iOS frameworks such as Core Data, Core Animation, etc.

Experience with offline storage, threading, and performance tuning

Familiarity with RESTful APIs to connect iOS applications to back-end services

Knowledge of other web technologies and UI/UX standards

Understanding of Apple's design principles and interface guidelines

Familiarity with cloud message APIs and push notifications

Proficient understanding of code versioning tools such as Git, Mercurial or SVN

Familiarity with continuous integration

11. SR. UI/UX DESIGNER

Responsibilities:

Work with our development team to learn how people think about, interact with, respond, and solve problems upon interacting with our products

Collaborate with Product Management team to define feature concepts, hypotheses, and success criteria

Develop persona, scenario, and workflow documentation to facilitate a shared understanding of customer needs

Wireframe, prototype and test new UX concepts to make our experience addictive

Be on point for executing our design process from wireframing to prototyping to final design

Execute with Engineering team, delivering and iterating detailed interaction and visual specifications, and ensuring high quality fit and finish

Requirements:

S1 Bachelor/Diploma degree in any major with minimum 3-5 years of experience as UI/UX or Web Designer

Technical design, wireframe, prototype, user research, and usability test skills are preferred

Have an exceptional portfolio of shipped products, containing samples of highly usable and beautiful solution that solve problems

Ultra-high attention to details

Strong passion in design and development

Proven experience in a similar role, user research, usability testing, as well as technical development skills will be a major plus

12. UI/UX DESIGNER

Responsibilities:

Work with our development team to learn how people think about, interact with, respond, and solve problems upon interacting with our products

Collaborate with Product Management team to define feature concepts, hypotheses, and success criteria

Develop persona, scenario, and workflow documentation to facilitate a shared understanding of customer needs

Wireframe, prototype and test new UX concepts to make our experience addictive

Be on point for executing our design process from wireframing to prototyping to final design

Execute with Engineering team, delivering and iterating detailed interaction and visual specifications, and ensuring high quality fit and finish

Requirements:

S1 Bachelor/Diploma degree in any major with minimum 1-3 years of experience as UI/UX or Web Designer

Technical design, wireframe, prototype, user research, and usability test skills are preferred

Have an exceptional portfolio of shipped products, containing samples of highly usable and beautiful solution that solve problems

Ultra-high attention to details

Strong passion in design and development

Proven experience in a similar role, user research, usability testing, as well as technical development skills will be a major plus

13. UX RESEARCHER

Responsibilities:

Initiate and conduct the latest research methods with a focus on identifying how we can optimize the current and future user journey

Collect and analyze user behavior through server log, A/B testing, analytics, field study, or guerilla usability testing

Develop and manage effective and integrated research process

Work closely with engineers, designers, and product in creating new features based on data from user

Communicate research findings to stakeholders and carry out its value across business

Requirements:

Bachelor degree from reputable university, Engineering, Information Technology, Human Computer Interaction, Psychology, or behavioral sciences graduates are preferred

Possess 2-3 proven working experience as UX Researcher is a must

Thorough understanding of user experience

Able to convey message about research findings to engineers, designers, or other stakeholders

Excellent working knowledge of statistics and experimental method

Extremely detail oriented

A self-starter, able to work under pressure with minimum supervision

14. DATABASE SPECIALIST

Responsibilities:

Build database systems of high availability and quality depending on each end user's specializedrole

Design and implement database in accordance to end users' information needs and views

Define users and enable data distribution to the right user, in appropriate format and in a timely manner

Use high-speed transaction recovery techniques and backup data

Minimize database downtime and manage parameters to provide fast query responses

Provide proactive and reactive data management support and training to users

Determine, enforce and document database policies, procedures and standards

Perform tests and evaluations regularly to ensure data security, privacy and integrity

Monitor database performance, implement changes and apply new patches and versions when required

Requirements:

Proven working experience as a Database engineer or administrator

Familiarity with structured database and NoSQL Databases tools

Hands-on experience on database management, performance tuning in high traffic environment

Excellent knowledge of data backup, recovery, security and integrity

Familiarity with database design, documentation and coding

Previous experience with DBA case tools and third party tool

15. DATA ENGINEER

Responsibilities:

Design and implement highly distributed and scalable components

Solve complex software systems problems and leverage state-of-the-art technology

Use cloud infrastructure services and integrate with other 1st and 3rd party services

Responsible for designing, developing & maintaining all parts of the data pipeline for Reporting and Analytics requirements

Design, develop and orchestrate data pipelines for real-time and batch data processing

Design and develop reusable components and frameworks for ingestion, cleansing, and data quality

Improve quality of data, and ingest data from several data sources

Quickly create functioning ETL prototypes to address quickly changing business needs

Knowledgeable in Big Data

Requirements:

ETL experience using SQL, Shell Scripting and Python is desirable

Strong skills working with very large data sets with a variety of tools

Knowledge of working with business intelligence tools

NoSQL experience (Cassandra, MongoDB)

Development experience using Big data technologies

Development experience using Java for data processing

16. QUALITY ASSURANCE LEAD

Responsibilities:

Review functional and design specifications to ensure full understanding of individual deliverables

Hands-on experience in various automated test tools and various test methodology

Identify test requirements from specifications, map test case requirements and design test coverage plan

Develop, document and maintain functional test cases and other test artifacts like the test data, data validation, harness scripts and automated scripts

Execute and evaluate manual or automated test cases and report test results

Hold and facilitate test plan/case reviews with cross-functional team members

Identify any potential quality issues per defined process and escalate potential quality issues immediately to management

Ensure that validated deliverables meet functional and design specifications and requirements

Isolate, replicate, and report defects and verify defect fixes

Requirements:

3+ years of relevant QA technical experience

Having experience leading IT Quality assurance staff

Create clear, concise detail oriented test plans/cases

Ability to understand and create test plans from specifications or verbal communications

Liaison with development, project management, and customer support

17. QUALITY ASSURANCE

Responsibilities:

Develop test strategies

Responsible to Automate tests using test frameworks

Write moderately complex code/scripts to test systems

Take responsibility for monitoring product development and usage at all levels with an eye toward improving product quality

Create test harnesses and infrastructure as necessary

Requirements:

Diploma/Bachelor degree from Information Technology background with some years of relevant experience, including 3 years of industry experience

Possess deep knowledge of test methodologies, writing test plans, creating test cases and debugging

Extensive knowledge of internet technologies

Experience with Agile/SCRUM development is preferred

Some years of experience developing test automation in C++, Java, PHP, Nodejs or Python will be a big plus

Possess an extensive knowledge of Unix/Linux environments is preferred

18. PRODUCT LEAD

Responsibilities:

Gain a deep understanding of customer experience, identify and fill product gaps and generate new ideas that grow market share, improve customer experience and drive growth

Create buy-in for the product vision both internally and with key external partners

Develop product pricing and positioning strategies

Translate product strategy into detailed requirements and prototypes

Scope and prioritize activities based on business and customer impact

Work closely with engineering teams to deliver with quick time-to-market and optimal resources

Drive product launches including working with public relations team, executives, and other product management team members

Evaluate promotional plans to ensure that they are consistent with product line strategy and that the message is effectively conveyed

Act as a product evangelist to build awareness and understanding

Represent the company by visiting customers to solicit feedback on company products and services

Requirements:

Proven work experience in product management

Proven track record of managing all aspects of a successful product throughout its lifecycle

Proven ability to develop product and marketing strategies and effectively communicate recommendations to executive management

Solid technical background with understanding and/or hands-on experience in software development and web technologies

Strong problem solving skills and willingness to roll up one's sleeves to get the job

Skilled at working effectively with cross functional teams in a matrix organization

Excellent written and verbal communication skills

19. PRODUCT ANALYST

Responsibilities:

Develop integrated tools and processes to aid in spot market quoting and LTA development activity and back up Product Managers and Pricing Analysts as necessary in their daily duties

Create, run and analyze various reports

Develop product pricing and gather market intelligence

Involved in creation of product strategy development

Establish improved methods for implementing price curve adjustments to account for changes in material and labor

Responsible for insuring that the contract database is current and provide monthly reports summarizing market/margin opportunities

Interact with Methods, IT, Finance, and Engineering personnel in performing daily duties

Interfaces with customer business teams, service, finance and manufacturing division for most effective and profitable marketing of new products

Develops technical opinions and estimates of time and costs of new product development and oversees all activities relative to the development of potentially profitable products

Determines criteria used in screening new product ideas and prepares complete proposals for management action

Evaluates, coordinates and recommends ideas and suggestions for new products, evaluates market opportunities and effect on market for products, and recommends exploitation of economically attractive products

Develops and recommends marketing objectives, including sales volume and profit forecasts

Supports market development and sales promotion and is responsible for pricing policies for assigned product or products

Prepares sales forecasts for use in planning manufacturing operations and controlling inventories

Manages, plans, initiates, sustains, oversees and implements modifications of assigned product or products

Maintains contact with the Sales teams to monitor trends and keep informed of sales force needs

Reviews complaints and suggestions relative to assigned product or products

Participates in the preparation of advertising programs for the assigned product or products and supervises market research. Develops and recommends new product concepts

Strives to increase profitability of through pricing and/or cost control

Requirements:

Strong interpersonal and communication skills

Analytical Skills: ability to synthesize complex or diverse information; collect and research data; ability to use intuition and experience to complement data

Ability to read, analyze, and interpret general business periodicals, professional journals, technical procedures, or governmental regulations

Ability to write reports, business correspondence, and procedure manuals. Ability to effectively present information and respond to questions from groups of managers, clients, customers, and the general public

Ability to work with mathematical concepts such as probability and statistical inference. Ability to apply concepts such as fractions, percentages, ratios, and proportions to practical situations

Ability to solve practical problems and deal with a variety of concrete variables in situations where only limited standardization exists. Ability to interpret a variety of instructions furnished in written, oral, diagram, or schedule form

Knowledge of Database software; Spreadsheet software and Word Processing software

20. PRODUCT MANAGER

Leading the research and analysis of competitive landscape, customers, product metrics, and latest internet trends to determine the right strategy, initiative & feature set to drive customer engagement & retention of Ruangguru products

Improve customer experience and drive sales, growth and conversion

Driving product design and planning, and writing specs of new features and enhancements

Scope and prioritize activities based on business and impact

Integrate qualitative analysis, user feedback and marketing intelligence into product decisions

Working closely with PR, Sales, Operation, Finance, Marketing, Product Marketing, Technology, and external stakeholders to implement new features and enhancements, and to ensure each launch is carefully planned and well organized to success

Requirements:

Passionate in data driven product development

Creative and strategic thinker

A self-starter mentality with ability to manage multiple projects and thrive in a fast paced, dynamic and delivery focused environment

Excellent analytic skills and strong intuition of user purchase behavior

Strong drive to make things happen, charisma and ability to influence

You have experience with Agile/SCRUM development is preferred

Solid technical background with understanding and/or hands-on experience in website and mobile app development and technologies will be a big plus

21. FULLSTACK DEVELOPER

Responsibilities:

Architect, design and implement code for the entire Ruangguru.com stack

Integrate of user-facing elements developed by front-end developers with server side logic

Work in a dynamic team-oriented environment using agile methodologies

Requirements:

Diploma/Bachelor degree from information technology background with minimum 2 years of experience as full-stack developer

Proficient in JavaScript, AJAX, HTML5, CSS3

Proficient in a major programming language like Java, PHP, Python, etc.

Proficient in HTTP, web services and Restful API's

Familiar with Automation Tools and Continuous Integration/ delivery

Experience with databases and writing SQL, as well as NoSQL

Possess experience with MVC frameworks (e.g. Meteor, React, AngularJS, etc.)

Experience with Agile/SCRUM development is preferred

Experience in a modern build environment on a large-scale development project will be a huge plus

Have some years of full stack web development experience and Restful API services is preferred

22. SR. CORE PROGRAMMER

Responsibilities:

Write a neat and readable code

Finish and meet the project deadline determined by producers

Work on multiple projects and provide assistance to the junior staffs

Maintain team working mood, especially under tight deadline

Do a quality control on projects, and debug or modify the codes if necessary

Provide creative and innovative suggestions to other division in order to achieve the best results

Implement the right set of technologies on the right projects

Research and learn new SOP or technologies and give suggestions to Vice Head or Head of division

Provide documentations, both technical and functional docs. for the team and for clients

Requirements:

Hold a bachelor degree or higher in Computer Science or Information Systems

Minimum GPU of 3.30 out of 4.00

Advanced knowledge in PHP or other web server-side scripting

Experience working with MVC frameworks, such as Laravel and CodeIgniter

Knowledge on CMS (WordPress, Magento, Prestashop, OSCommerce) will be a huge plus

Experience working with web services and integrated system

Advanced knowledge on designing database, especially with MySQL and SQL Server

Possess strong logic and knowledge on handling big data

Familiarity with one of NoSQL (Redis, etc) is a huge plus

Familiarity with Ajax Push technology such as Node.JS is a huge plus

Master the concept of OOP and Structural programming

Experience working with Social Media API, especially Facebook and Twitter. Knowledge on other Social Media API such as Instagram and G+ will be a huge plus

Knowledge on server configuration and optimization will be a huge plus

Able to work under pressure and provide assistance to the junior staffs

Able to multi task

Able to quickly solve problems within projects and team

Able to write neat and readable code

Able to optimize code and eliminate redundancy

Able to easily transfer knowledge of projects to other programmers

Able to learn and adapt quickly with projects and changing technologies

Knowledge on writing technical documentation will be a huge plus

23. BUSINESS ANALYST FOR PRODUCT DEVELOPMENT

Responsibilities:

Analyze user requirement into specification and architectural design for developers

Design, analyze, and measure performance, and optimize domain models and business processes across divisions to ensure a smooth, efficient company operation around the clock, serving customers nationwide and internationally

Set timeline for each project and do scrum to make sure whole timeline start and end as scheduled

Requirements:

Bachelor degree from information system, informatics engineering, computer science, or engineering with minimum 2 years of experience in product development

Strong passion in education, business development, and management

Familiar with analytics tools (Google Analytics, Inspectlet, and Appsee)

Proficient in Microsoft office and database is a huge plus

Ability to deliver high quality results while working in a fast paced and high stress global environment

Extraordinary project management experience in data product development

Extreme attention to detail, analytical skill, and ability to self-audit work

Good interpersonal skills with ability to work well in a team environment

Excellent communication skills both verbal and written

GENERAL 24. HR/GA REGIONAL

Responsibilities:

Handle HR daily activities: manage company's culture and make sure it is internalized to every employee, make sure the company regulation and all HR/GA standard operations procedure going well

Handle operational function of HR: recruitment, employee & industrial relations, payroll, and GA

Work closely to significant administration documents

Requirements:

Domiciled in Yogyakarta

S1 Bachelor degree on any major (Psychology is preferable)

Experienced in recruitment processing

Bachelor degree from reputable university with 2 years of experience in human resource

Experienced as HR Generalist, preferred supervisor level

Strong experience in recruitment system & process

Have a knowledge about Indonesia Labor Law – Act 13 of 2003

Good verbal and written communication skills

Able to organize and manage multiple priorities, comfortable in ambiguity and fine with failure and rapid iteration